<template>
	<div class="progress" @click='vProgress'>
		<div class="line"></div>
	</div>
</template>

<script>
export default {
  name: 'VideoProgress',
	methods:{
		vProgress(e){
			this.$emit('vProgress',e)
		}
	},
}
</script>

<style >
.progress {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 99.9%;
	height: 7px;
	cursor: pointer;
	margin-bottom: 0px;
	background: #eee;
	border-radius: 0 0 5px 5px;
}
.progress .line {
	width: 0%;
	height: 7px;
	background: #444;
}
</style>
